@charset "UTF-8";
/*全局变量定义:begin */
/*宏定义*//*初始化*/
body,html div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, legend, button form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }
input { outline: none; -webkit-appearance: none; }
input[type="date"]::-webkit-inner-spin-button { visibility: hidden; }
input[type="date"]::-webkit-clear-button { -webkit-appearance: none; visibility: hidden; }
input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none;}
input[type="submit"],button { cursor: pointer; }
input::-moz-focus-inner { border: 0; padding: 0; }
select{appearance:none;-moz-appearance:none; /* Firefox */-webkit-appearance:none; /* Safari 和 Chrome */}
body { background: #fff; color: #676767; font: 0.2rem Microsoft YaHei, Helvitica, Verdana, Arial, san-serif;}
q:before, q:after { content: ''; }
/* 表格标题及内容居左显示 */
input, img, select { vertical-align: middle; }
/* 清除列表样式 */
ol, ul { list-style: none; }
/* 输入控件字体 */
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
/* 标题元素样式清除 */
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
/* 链接样式，颜色*/
del, ins, a { text-decoration: none; }
/*输入框样式:*/
input,textarea{background-color: white;border: none;border-image-source: initial;border-image-slice: initial;border-image-width: initial;border-image-outset: initial;border-image-repeat: initial;-webkit-rtl-ordering: logical;-webkit-user-select: text;cursor: auto;}
/*全局变量定义:end */

/*头部：begin*/
header{
    position: fixed;
    top: 0;
    width: 100%;
    height: .94rem;
    background: #1077cf;
    color: #fff;
    font-size: .34rem;
    text-align: center;
    line-height: .94rem;
    z-index: 20170701;
}
header .back{
    position: absolute;
    width: .32rem;
    height: .39rem;
    background: url("../../images/bank/imgAXD/back.png") no-repeat center;
    background-size: 100%;
    left: 5%;
    top: .27rem;
}
/*头部：end*/
/**绑定页面样式：
  *begin
  *20170628
*/
.bindMain{
    height: 10.4rem;
    width: 100%;
    background: url("../../images/bank/imgAXD/bind-bg05.png") no-repeat center top;
    background-size: 100%;
}
.bindMain .logo{
    display: block;
    width: 40%;
    margin: 0 auto;
    padding: 1rem 0;
}
.bindMain form{
    width: 92%;
    margin-left: 4%;
}
.bindMain form h3{
    width: 100%;
    height: .9rem;
    line-height: .9rem;
    background: #f6f6f6;
    color: #666;
    font-size: .28rem;
    text-align: center;
    border-radius: 6px 6px 0 0;
}
.bindMain form ul{
    width: 100%;
    padding: .2rem 0 .4rem;
    background: -moz-linear-gradient(top, #fefefe 0%, #f6f6f6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f6f6f6));
    background: -webkit-linear-gradient(top, #fefefe 0%,#f6f6f6 100%);
    background: -o-linear-gradient(top, #fefefe 0%,#f6f6f6 100%);
    background: -ms-linear-gradient(top, #fefefe 0%,#f6f6f6 100%);
    background: linear-gradient(to bottom, #fefefe 0%,#f6f6f6 100%);
    position: relative;
}
.bindMain form ul li.liInput{
    width: 80%;
    height: .9rem;
    margin-left: 10%;
    border-bottom: 1px solid #d6d6d6;
    position: relative;
}
.bindMain form ul li.liInput i{
    float: left;
    width: .45rem;
    height: 100%;
    margin-left: 2%;
    margin-right: 5%;
}
.bindMain form ul li.liInput:nth-of-type(1) i{
    background: url("../../images/bank/imgAXD/bind-img01.png") no-repeat center;
    background-size: 100%;
}
.bindMain form ul li.liInput:nth-of-type(2) i{
    background: url("../../images/bank/imgAXD/bind-img02.png") no-repeat center;
    background-size: 100%;
}
.bindMain form ul li.liInput:nth-of-type(3) i{
    background: url("../../images/bank/imgAXD/bind-img03.png") no-repeat center;
    background-size: 90%;
}
.bindMain form ul li.liInput input[type='text']{
    float: left;
    width: 83%;
    height: .9rem;
    line-height: .9rem;
    font-size: .28rem;
    color: #999;
    background: none;
}
.bindMain form ul li.liInput b{
    position: absolute;
    display: block;
    width: .3rem;
    height: .3rem;
    background: url("../../images/bank/imgAXD/bind-img04.png") no-repeat center;
    background-size: 100%;
    right: 0;
    top: .3rem;
    display: none;
}
.bindMain form ul li.liInput2 b{
    right: 45%;
}
.bindMain form ul li.liInput2:after{
    display: none;
}
.bindMain form ul li.liInput2 input[type='text']{
    float: left;
    width: 50%;
    height: .9rem;
    line-height: .9rem;
    font-size: .28rem;
    color: #999;
    padding-left: 2%;
}
.bindMain form ul li.liInput2 input[type='button']{
    float: right;
    width: 40%;
    height: .6rem;
    margin-top: .15rem;
    line-height: .6rem;
    font-size: .28rem;
    background: #1077cf;
    color: #fff;
    border-radius: 50px;
}
.bindMain form ul li.liInput2 input[type='button'].active{
    float: right;
    width: 40%;
    height: .6rem;
    margin-top: .15rem;
    line-height: .6rem;
    font-size: .28rem;
    background: #9ac3e6;
    color: #fff;
    border-radius: 50px;
}
.bindMain form ul li.liTips{
    margin-left: 11%;
    font-size: .24rem;
    color: #ff0000;
    line-height: .4rem;
}
.bindMain form ul li.liBtn{
    width: 100%;
    height: .75rem;
    margin-top: .2rem;
}
.bindMain form ul li.liBtn input{
    width: 70%;
    margin-left: 15%;
    height: .75rem;
    background: #9ac3e6;
    color: #fff;
    font-size: .28rem;
    border-radius: 50px;
}
.bindMain form ul:after{
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: .22rem;
    background: url("../../images/bank/imgAXD/bind-bg04.png") no-repeat center;
    background-size: 100%;
    bottom: -.2rem;
}
.bindMain form .tips{
    width: 100%;
    height: 1rem;
    margin-top: .19rem;
    background: #fff;
    text-align: center;
    line-height: .6rem;
    font-size: .24rem;
    color: #999;
}
.alertWin{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    z-index: 20170701;
    top: 0;
    left: 0;
    display: none;
}
.alertWin .box{
    width: 88%;
    margin-left: 6%;
    background: #fff;
    border-radius: 8px;
    min-height: 3rem;
    position: relative;
    margin-top: 2.8rem;
    padding-bottom: .45rem;
}
.alertWin .box:before{
    position: absolute;
    content: "";
    display: block;
    width: 1.4rem;
    height: 1.4rem;
    left: 50%;
    margin-left: -.7rem;
    top: -.7rem;
    background: url("../../images/bank/imgAXD/bind-img05.png") no-repeat center;
    background-size: 100%;
}
.alertWin .box h3{
    padding-top: .7rem;
    font-size: .34rem;
    color: #555;
    height: .95rem;
    line-height: .95rem;
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
    text-align: center;
}
.alertWin .box p{
    padding: .35rem 10%;
    width: 80%;
    border-bottom: 1px solid #e8e8e8;
    line-height: .4rem;
    font-size: .24rem;
    text-align: center;
}
.alertWin .box a.btn{
    display: block;
    margin: .45rem auto 0;
    width: 40%;
    height: .65rem;
    line-height: .65rem;
    background: #1077cf;
    color: #fff;
    text-align: center;
    font-size: .24rem;
    border-radius: 50px;
}
/**绑定页面样式：
  *end
  *20170629
*/

/*绑定未通过页面样式：
 *20170629
 *begin
*/
.bindFailedMain{
    position: absolute;
    width: 100%;
    height: 100%;
    background: #f1f1f1;
}
.bindFailedMain .box{
    width: 90%;
    margin-left: 5%;
    border-radius: 8px;
    border: 1px solid #e4e4e4;
    box-shadow: 0 0 3px #e0e0e0;
    margin-top: .3rem;
}
.bindFailedMain .box h3{
    width: 100%;
    height: .94rem;
    line-height: .94rem;
    text-align: center;
    font-size: .34rem;
    color: #666;
    background: #f6f6f6;
    border-bottom: 1px solid #e4e4e4;
    border-radius: 8px 8px 0 0;
}
.bindFailedMain .box .wen{
    width: 100%;
    background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f6f6f6));
    background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 100%);
    padding: .4rem 0;
    border-radius: 0 0 8px 8px;
}
.bindFailedMain .box .wen p{
    font-size: .28rem;
    color: #666;
    width: 86%;
    margin-left: 5%;
    padding: 0 2%;
}
.bindFailedMain .box .wen p.p1{
    line-height: .6rem;
}
.bindFailedMain .box .wen p.p2{
    line-height: .4rem;
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: .2rem;
}
.bindFailedMain .box .wen p.p3{
    padding-top: .2rem;
}
.bindFailedMain .box .wen p.p3 a{
    color: #3185fc;
}
/*绑定未通过页面样式：
 *20170629
 *end
*/
/*个人中心页面样式：
 *20170629
 *begin
*/
.personCenterMain{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #f1f1f1;
    background-image: url(../../images/bank/imgAXD/p-center.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top center;
}
.personCenterMain .top{
    width: 1.6rem;
    height: 1.6rem;
    background: rgba(255,255,255,.2);
    border-radius: 60px;
    margin: 0.4rem auto 0;
    position: relative;
    box-shadow: 0 0 3px #2b88d3;
}
.personCenterMain .top span{
    position: absolute;
    top: .1rem;
    left: .1rem;
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50px;
    border: .1rem solid #dfeffb;
}
.personCenterMain .name{
    font-size: .28rem;
    color: #fff;
    text-align: center;
    padding-top: .15rem;
    padding-bottom: .25rem;
}
.personCenterMain .wen{
    width: 92%;
    margin-left: 4%;
    background: #fff;
    border-radius: 8px;
    height: 6.5rem;
    padding-top: .5rem;
}
.personCenterMain .wen h3{
    width: 68%;
    margin-left: 16%;
    height: 1.6rem;
    background: url("../../images/bank/imgAXD/p-center-img01.png") no-repeat center;
    background-size: 100%;
    position: relative;
    margin-bottom: .35rem;
}
.personCenterMain .wen h3 i{
    font-size: .34rem;
    color: #666;
    font-style: normal;
    position: absolute;
    right: 20%;
    top: .68rem;
}
.personCenterMain .wen ul{
    width: 86%;
    margin-left: 7%;
    border-top: 1px solid #e4e4e4;
    padding-top: .3rem;
}
.personCenterMain .wen ul li{
    width: 98%;
    margin-left: 1%;
    height: .6rem;
    margin-top: .22rem;
}
.personCenterMain .wen ul li label{
    float: left;
    width: 25%;
    height: .6rem;
    line-height: .6rem;
    font-size: .28rem;
    color: #666;
    margin-right: 2%;
}
.personCenterMain .wen ul li span{
    float: left;
    width: 69%;
    height: .6rem;
    line-height: .6rem;
    border: 1px solid #e4e4e4;
    background: #f6f6f6;
    border-radius: 4px;
    font-size: .28rem;
    color: #666;
    padding-left: 3%;
}
/*个人中心页面样式：
 *20170629
 *end
*/

/**
*资讯列表：
*20170630
*begin
*/
.main{
    margin-top: .94rem;
    width: 100%;
}
.listMain{
    background: #f1f1f1;
    padding-top: .18rem;
}
.listMain .list{
    width: 100%;
    border-top: 1px solid #e8e8e8;
    background: #fff;
    padding-bottom: .3rem;
}
.listMain .list dl{
    width: 90%;
    height: 1.7rem;
    margin-left: 5%;
    border-bottom: 1px solid #d6d6d6;
}
.listMain .list dl dt{
    float: left;
    width: 26%;
    height: 1.14rem;
    margin-top: .28rem;
    border-radius: 6px;
    overflow: hidden;
    margin-right: 4%;
}
.listMain .list dl dt img{
    width: 100%;
    height: 100%;
}
.listMain .list dl dd{
    float: left;
    width: 66%;
    margin-top: .28rem;
}
.listMain .list dl dd h3{
    font-size: .24rem;
    color: #333;
    line-height: .38rem;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 2; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/
}
.listMain .list dl dd p{
    font-size: .2rem;
    color: #999;
    line-height: .45rem;
}
.listMain .content{
    width: 92%;
    background: #fff;
    border-top: 1px solid #e4e4e4;
    padding: .3rem 4%;
}
.listMain .content h3{
    font-size: .3rem;
    color: #333;
    line-height: .45rem;
}
.listMain .content h6{
    font-size: .24rem;
    color: #999;
    padding: .16rem 0;
}
.listMain .content h6 span{
    color: #1077cf;
}
.listMain .content p{
    font-size: .28rem;
    color: #333;
    line-height: .5rem;
    text-align: justify;
}
.listMain .content img{
    display: block;
    width: 90%;
    margin: .15rem auto;
}
.listMain .content .bottom{
    margin-top: .2rem;
    border-top: 1px solid #d6d6d6;
    height: .8rem;
}
.listMain .content .bottom span{
    float: right;
    line-height: .8rem;
    margin-right: 5%;
    font-size: .24rem;
    color: #999;
}
/**
*资讯列表+详情：
*20170630
*end
*/

/**
*上传用途凭证：
*20170630
*begin
*/
.uploadMain1 .top{
    width: 100%;
    height: 2.8rem;
    background-color: #fff;
    background-image: url("../../images/bank/imgAXD/upload01.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    position: relative;
}
.uploadMain1 .top h3{
    position: absolute;
    left: 7%;
    top: .46rem;
    font-size: .34rem;
    color: #666;
}
.uploadMain1 .top p{
    position: absolute;
    left: 7%;
    top: 1rem;
    width: 33%;
    font-size: .24rem;
    color: #666;
    line-height: .3rem;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 3; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/
}
.uploadMain1 .btn{
    display: block;
    width: 66%;
    margin: .4rem auto;
    height: .72rem;
    line-height: .72rem;
    text-align: center;
    background: #1077cf;
    color: #fff;
    font-size: .28rem;
    border-radius: 50px;
}
.tipBox{
    position: absolute;
    top: 2.9rem;
    left: 6%;
    width: 88%;
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 8px;
    box-shadow: 0 0 3px #eee;
}
.tipBox h3{
    height: .82rem;
    line-height: .82rem;
    text-align: center;
    border-radius: 8px 8px 0 0;
    background: #1077cf;
    color: #fff;
    font-size: .34rem;
    position: relative;
    border-bottom: 1px solid #ebebeb;
}
.tipBox h3:before{
    position: absolute;
    display: block;
    content: "";
    width: 27%;
    height: .15rem;
    background: url("../../images/bank/imgAXD/upload02.png") no-repeat center;
    background-size: 100%;
    left: 7%;
    top: .33rem;
}
.tipBox h3:after{
    position: absolute;
    display: block;
    content: "";
    width: 27%;
    height: .15rem;
    background: url("../../images/bank/imgAXD/upload02.png") no-repeat center;
    background-size: 100%;
    right: 7%;
    top: .33rem;
}
.tipBox p{
    width: 78%;
    margin-left: 11%;
    text-align: center;
    font-size: .28rem;
    color: #666;
    line-height: .5rem;
    padding: .4rem 0 .6rem;
}
.tipBox .close{
    position: absolute;
    bottom: -.8rem;
    display: block;
    width: .4rem;
    height: .4rem;
    left: 50%;
    margin-left: -.2rem;
    background: url("../../images/bank/imgAXD/upload03.png") no-repeat center;
    background-size: 100%;
    z-index: 2;
}
.tipBox .close:after{
    display: block;
    position: absolute;
    content: "";
    width: 1px;
    height: .5rem;
    background: #d6d6d6;
    bottom: .3rem;
    left: 50%;
    z-index: 1;
}
.uploadMain2{
    border-top: 1px solid #e8e8e8;
    margin-top: 1.08rem;
}
.uploadMain2 .top{
    background: #fff;
    width: 100%;
}
.uploadMain2 .top .select{
    width: 92%;
    padding: 0.3rem 4%;
    height: .6rem;
    border-bottom: 1px solid #d6d6d6;
}
.uploadMain2 .top .select label{
    float: left;
    width: 25%;
    line-height: .6rem;
    font-size: .28rem;
    color: #666;
}
.uploadMain2 .selectBox{
    float: left;
    width: 70%;
    background-color: #f6f6f6;
    height: .63rem;
    border: 1px solid #e4e4e4;
    border-radius: 6px;
    background-image: url(../../images/bank/imgAXD/arrow.png);
    background-repeat: no-repeat;
    background-position: 93% center;
    background-size: .18rem .14rem;
    position: relative;
}
.uploadMain2 .selectBox span{
    display: block;
    font-size: .28rem;
    color: #999;
    height: .63rem;
    line-height: .63rem;
    padding-left: 6%;
}
.uploadMain2 .selectBox ul{
    position: absolute;
    width: 100%;
    border: 1px solid #e4e4e4;
    background: #f6f6f6;
    left: -1px;
    border-radius: 6px;
    display: none;
}
.uploadMain2 .selectBox ul>li{
    width: 94%;
    padding-left: 6%;
    height: .65rem;
    line-height: .65rem;
    font-size: .28rem;
    color: #999;
}
.uploadMain2 .uploadImg{
    width: 92%;
    padding: 0 3% 0 5%;
    background: #fff;
    border-bottom: 1px solid #e8e8e8;
}
.uploadMain2 .uploadImg .imgBox{
    width: 100%;
    min-height: 3rem;
    overflow: hidden;
    max-height: 6.4rem;
}
/*.uploadMain2 .uploadImg .imgBox .img{
    float: left;
    width: 23%;
    height: 1.25rem;
    border-radius: 6px;
    margin-right: 2.1%;
    margin-top: .25rem;
    overflow: hidden;
}*/
.uploadMain2 .uploadImg .imgBox .img img{
    width: 100%;
    height: 100%;
}
.uploadMain2 .uploadImg .imgBox .uploadAdd{
    background-color: #f6f6f6;
    background-image: url("../../images/bank/imgAXD/upload05.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80%;
}
.uploadMain2 .uploadImg .imgBox>.img:nth-of-type(4n){
    margin-right: 0!important;
}
.uploadMain2 .uploadImg .uploadBtn{
    width: 100%;
    height: .76rem;
    padding: .5rem 0 .5rem;
    position: relative;
}
.uploadMain2 .uploadImg .uploadBtn input{
    width: 70%;
    height: .76rem;
    background: #1077cf;
    color: #fff;
    font-size: .28rem;
    border-radius: 50px;
    margin-left: 15%;
}
.uploadMain2 .uploadImg .uploadBtn .tips{
    display: none;
    position: absolute;
    height: .78rem;
    width: 56%;
    left: 22%;
    background: #f6f6f6;
    border: 1px solid #d7d7d7;
    color: #1177cc;
    line-height: .78rem;
    text-align: center;
    font-size: .28rem;
    top: 1rem;
    border-radius: 8px;
}
.uploadMain3 .top{
    border-bottom: 1px solid #e8e8e8;
}
.uploadMain3 .content{
    width: 100%;
    background: #fff;
    margin-top: .18rem;
    border-top: 1px solid #e8e8e8;
}
.uploadMain3 .content .title{
    width: 92%;
    padding: 0 4%;
    height: .94rem;
    border-bottom: 1px solid #e6e6e6;
}
.uploadMain3 .content .title .time{
    float: left;
    line-height: .94rem;
    font-size: .24rem;
    color: #666;
    margin-left: 4%;
}
.uploadMain3 .content .imgBox{
    width: 92%;
    padding: 0 4%;
    padding-bottom: .3rem;
    border-bottom: 1px solid #d6d6d6;
}
.uploadMain3 .content .imgBox img{
    width: 22%;
    margin-right: 2.2%;
    height: 1.25rem;
    margin-top: .25rem;
    border-radius: 6px
}
.uploadMain3 .content .imgBox img:nth-of-type(4n){
    margin-right: 0!important;
}
.uploadMain3 .static{
    display: block;
    width: 100%;
    border-bottom: 1px solid #d6d6d6;
    margin-top: .18rem;
    background: #fff;
    padding-bottom: .3rem;
}
.uploadMain3 .static h3{
    font-size: .3rem;
    padding-top: .2rem;
    color: #666;
    margin-left: 5%;
    padding-bottom: .1rem;
}
.uploadMain3 .static .staticStyle{
    font-size: .3rem;
    color: #1077cf;
}
.uploadMain3 .static .staticStyle.red{
    color: #ff0000;
}
.uploadMain3 .static .staticStyle.green{
    color: #11d06f;
}
.uploadMain3 .static .staticStyle.blue{
    color: #1077cf;
}
.uploadMain3 .static p{
    width: 90%;
    margin-left: 5%;
    font-size: .28rem;
    color: #999;
}
#fileList .file-item{
    position: relative;
}
#fileList .file-item .close{
    position: absolute;
    right: -5px;
    top: -5px;
    display: block;
    width: .3rem;
    height: .3rem;
    border-radius: 50px;
    background-color: #999;
    background-image: url("../../images/bank/imgAXD/upload03.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
/**
*上传用途凭证：
*20170630
*end
*/

/*loading：20170713*/
.alertWin3{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    top: 0;
    left: 0;
    z-index: 20170713;
}
.alertWin3 .box{
    width: 90%;
    margin-left: 5%;
    height: 4rem;
    /*background: rgba(0,0,0,.3);*/
    margin-top: 3rem;
}
.alertWin3 .box img{
    display: block;
    margin: 0 auto;
    padding-top: .6rem;
}
.alertWin3 .box p{
    color: #555;
    text-align: center;
    font-size: .35rem;
    padding: .3rem 0;
}

.alertWin4{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 20170714;
    background: rgba(255,255,255,0);
}